<!DOCTYPE html>
<!-- 告诉我们浏览器下面代码使用的是html5语法 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- utf-8编码集: 万国码 -->
		<title>页面</title>
	</head>
	<body>
		<!-- html 属性和属性值[所有元素存在，元素和属性捆绑] 
		          功能: 做效果  问题: 针对一个元素有效
		-->
		<p align="center">lorem</p>
		<!-- css  做样式【效果】  针对全局
		 前端: 内容与表象分离【html做结构、css做样式】
		      能使用css，不要用html元素中属性和属性值
			  css3的引入方式: ①内部样式表-----练习专用，代码量低
			                 ②外部样式表-----项目专用，代码量高
							 ③内联样式表------基本不用，代码冗余
							 ④引入样式表-----根本不用，支持css2的引入方式
							                缺点:先内容后表现
		 -->
		<p style="text-align: center">lorem1</p>
		
	</body>
</html>